<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="../css/public/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/before/footer.css" />
		<link rel="stylesheet" type="text/css" href="../css/public/swiper-3.4.0.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/before/shopcar.css" />
		<link rel="stylesheet" type="text/css" href="../css/before/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/before/header.css" />
		<script src="../js/public/swiper-3.4.0.min.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>

		<div class="l_header">
			<div class="container">
				<div class="l_header_left">
					<span>欢迎光临本店!&nbsp;</span>
					<span>请登录&nbsp;</span>
					<span>免费注册</span>
				</div>
				<div class="l_header_right">
					<div class="navSpan">
						<span class="ico-text">我的信息</span>
						<span class="userinfo-ico"></span>
						<ul class="navSpanHover">
							<li>
								<a href="">已买到的宝贝</a>
							</li>
							<li>
								<a href="">我的地址管理</a>
							</li>
						</ul>
					</div>
					<div class="navSpan">
						<span class="att-shop"></span>
						<span class="ico-text">我关注的店铺</span>
					</div>
					<div class="navSpan">
						<span class="shop-car"></span>
						<span class="ico-text">购物车</span>
					</div>
					<div class="navSpan">
						<span class="ico-text">收藏夹</span>
						<span class="userinfo-ico"></span>
						<ul class="navSpanHover">
							<li>
								<a href="">收藏的宝贝</a>
							</li>
							<li>
								<a href="">收藏的店铺</a>
							</li>
						</ul>
					</div>
					<div class="navSpan">
						<span class="ico-text">手机版</span>
					</div>
					<div class="navSpan">
						<span class="ico-text">商家支持</span>
						<span class="userinfo-ico"></span>
						<ul class="navSpanHover">
							<p>商家：</p>
							<li>
								<a href="">售后流程</a>
							</li>
							<li>
								<a href="">购物流程</a>
							</li>
							<li>
								<a href="">订购方式</a>
							</li>
							<li>
								<a href="">常见问题</a>
							</li>
							<p>帮助：</p>
							<li>
								<a href="">帮助中心</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--撑开的内容-->
		<div class="userLogin" style="display: none;">
			<!--用户登录-->
			<div class="" style="height: 100%;">
				<div class="container box">
					<div class="loginBox">
						<div class="noLogin">
							<span>您尚未登录</span>
							<span></span>
						</div>
						<div class="topstyle">
							<div class="changestyle">
								<span class="code-login">扫码登录</span>
							</div>
							<div class="fast">
								<span class="user-login">账户登录</span>
							</div>
						</div>
						<div class="box-display">
							<div class="boxcontent">
								<div class="qr-code">
									<div class="code-img">
										<img src="../img/weixin.jpeg" />
									</div>
									<p>打开
										<a href="#">手机有吧</a> 扫描二维码</p>
									<div class="qw-login">
										<span><img src="../img/qq.png"/><a href=""> QQ登录</a></span>
										<span><img src="../img/wechat.png"/><a href=""> 微信登录</a></span>
									</div>
								</div>
								<div class="account-login">
									<div class="inputgroup">
										<div class="input-group">
											<div class="input-group-addon"><span class="user_icon"></span></div>
											<input class="form-control" id="username" type="email" placeholder="手机号码／会员名／邮箱">
										</div>
										<div class="input-group">
											<div class="input-group-addon"><span class="lock"></span></div>
											<input class="form-control" id="password" type="password" placeholder="密码">
										</div>
										<div class="checkbox">
											<label>
											      <input class="checkbox-input" type="checkbox">
											      <span class="rememberpass">
											      	记住密码
											      </span>
											    </label>
											<a>忘记密码</a>
										</div>
										<button type="button" class="btn btn-danger" id="loginbtn">登录</button>
									</div>
									<div class="otherlogin">
										<div class="other_login">
											<span><img src="../img/qq.png"/><a href=""> QQ</a></span>
											<span class="line">|</span>
											<span><img src="../img/wechat.png"/><a href=""> 微信</a></span>
										</div>
										<div class="quickregist">
											<a href="#">
												<span class="regist_ico"></span>
												<a class="regist_link">立即注册</a>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--头部-->
		<div class="top">
			<div class="container" style="min-width: 992px;">
				<!--头部左边-->
				<div class="left">
					<!--<div id="logo">-->
					<img src="../img/123.jpg" />
					<!--</div>-->
				</div>
				<!--头部右边-->
				<div class="right">
					<div id="process">
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th class="headers">查看购物车</th>
								<th class="headers">拍下商品</th>
								<th class="headers">付款</th>
								<th class="headers">确认收货</th>
								<th class="headers">评价</th>
							</tr>
							<tr>
								<td>
									<div class="firststep"></div>
								</td>
								<td>
									<div class="secondstep">2</div>
								</td>
								<td>
									<div class="thirdstep">3</div>
								</td>
								<td>
									<div class="fourthstep">4</div>
								</td>
								<td>
									<div class="fifthtep">5</div>
								</td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
		<!--购物车列表-->
		<div class="container" style="min-width: 992px;">
			<!--购物车列表头-->
			<div class="lists">
				<table border="0" cellspacing="" cellpadding="">
					<tr>
						<th width="8%">
							<label>
      							<input type="checkbox" id="all"> 全选
    							</label>
						</th>
						<th width="37%">产品</th>
						<th width="15%">数量</th>
						<th width="15%">本店价</th>
						<th width="15%">小计</th>
						<th width="10%">操作</th>
					</tr>
				</table>
			</div>
			<!--购物车列表内容-->
			<div class="shop_l">

			</div>
			<!--购物车列表结算-->
			<div class="settle">
				<div class="lefts">
					<div class="goon btn btn-default  btn-lg">
						继续购物
					</div>
				</div>
				<div class="rights">
					<div class="shouldpay">
						应付金额：<span class="needmoney">¥<span class="getmoney">0.00</span></span>
					</div>
					<div class="gosettle btn btn-danger btn-lg">
						去结算
					</div>
				</div>

			</div>
		</div>

		<div class="container moreshop">
			<div class="moreclass">
				<span>购买的还买了</span>
				<span>今日最受欢迎</span>
			</div>
			<div class="moreshoplists">
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 moreitem">
					<img src="../img/chu.jpeg" alt="" />
					<p class="goodname">飞科电吹风机家用大功率吹风筒负离子 2000W</p>
					<span class="goodprice">¥89.0</span>
				</div>
			</div>
		</div>

		<!--页面底部-->
		<div id="footer" style="margin-top: 30px;padding: 50px;">
			<div class="container">
				<!--网站信息-->
				<div class="footer-info row">
					<p>
						<a href="">关于我们</a><strong>|</strong>
						<a href="">联系我们</a><strong>|</strong>
						<a href="">商家入驻</a><strong>|</strong>
						<a href="">友情链接</a><strong>|</strong>
						<a href="">站点地图</a><strong>|</strong>
						<a href="">手机商城</a><strong>|</strong>
						<a href="">销售联盟</a><strong>|</strong>
						<a href="">商城社区</a><strong>|</strong>
						<a href="">企业文化</a><strong>|</strong>
						<a href="">帮助中心</a><strong>|</strong>
						<a href="">留言板</a>
					</p>
					<p>
						<a href="javascript:;">© 2005-2017 有吧连锁商城 版权所有，并保留所有权利。</a>
						<a href="javascript:;">植物园花圃园内 </a>
						<a href="javascript:;"> Tel: 13369202343 </a>
						<a href="javascript:;"> E-mail: 397218182@qq.com </a>
					</p>
				</div>
			</div>
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script src="../js/before/header.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/before/shopcar.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/before/index.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	
	</script>

</html>